<template>
  <div class="home_box">

    <van-search v-model="value" placeholder="搜索活动" input-align="center" show-action @search="onSearch">
      <template #action>
        <van-button color="#3b82f6" type="primary" round size="small" @click="onClickButton">筛选</van-button>
      </template>
    </van-search>
    <ActivityCard :list="Activities.list" />
    <Tabbar />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import ActivityCard from '@/components/layout/ActivityCard.vue'
import { showToast } from 'vant'
import { Activities } from '@/config/Activities'

const value = ref('')
const onSearch = (val) => showToast(val)
const onClickButton = () => {
  if (value.value == '') {
    showToast('请输入筛选条件')
  }
  else {
    showToast(value.value)
  }
}
</script>



<style>
/* User information section */
</style>
